<!DOCTYPE html>
<html lang="it">
	<head>
		<meta charset="utf-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>Home Page</title>
		<meta name="author" content="Fabio Fondi">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="shortcut icon" href="/favicon.ico">
		<script src="libs/jquery-mousewheel/jquery.mousewheel.js"></script>
		<script src="libs/jquery-scrollbars/jquery.scrollbars.js"></script>
		<!-- <link rel="apple-touch-icon" href="/apple-touch-icon.png"> -->
		
		<script>
			$(function() {
				
				$('#bank').mCustomScrollbar({
					
					scrollButtons:{
          				enable:true
        			}
				});
				
				$.ajax({
					url : 'registry_office.php?ajax=s',
					method: 'POST',
					dataType: 'json',
					success : function (resp) {
						
						$('#listRegistryOffice tbody').append(resp);
						$('#listRegistryOffice').dataTable({
							"bFilter": true,
							"bInfo": false,
							"bLengthChange": false,
							"sPaginationType": "bootstrap"
						});
						
					},
					error : function () {
						console.log('errore caricamento utenti online.');
					}
				});
				
			});
		</script>
		
	</head>

	<body>
	
		<div id="bank" class="container">
		<div class="panel panel-primary">
			<div class="panel-heading">Banca</div>
			<div class="panel-body">
    			<div class="row">
    				<div class="col-md-12">
    					
    					<form class="form-horizontal" role="form">
    						<h4>Versamento sul conto corrente</h4>
    						<div class="form-group">
    							<label for="inputEmail3" class="col-sm-2 control-label">Importo</label>
    							<div class="col-sm-8">
    								<input type="email" class="form-control" id="import_money" placeholder="Importo">
    							</div>
    							<div class="col-sm-2">
    								<button type="submit" class="btn btn-success">Versa</button>
    							</div>
    						</div>
    					</form>

    				</div>
    			</div>
    			<hr />
    			<div class="row">
    				<div class="col-md-12">
    					
    					<form class="form-horizontal" role="form">
    						<h4>Prelievo dal conto corrente</h4>
    						<div class="form-group">
    							<label for="inputEmail3" class="col-sm-2 control-label">Importo</label>
    							<div class="col-sm-8">
    								<input type="email" class="form-control" id="import_money" placeholder="Importo">
    							</div>
    							<div class="col-sm-2">
    								<button type="submit" class="btn btn-success">Preleva</button>
    							</div>
    						</div>
    					</form>

    				</div>
    			</div>
    			<hr />
    			<div class="row">
    				<div class="col-md-8">
    					
    					<form class="form-horizontal" role="form">
    						<h4>Bonifico bancario</h4>
    						<div class="table-responsive" style="background: #FFF; padding: 1em 1em 5em 1em; border-radius: 5px;">
								<table id="listRegistryOffice" class="table table-hover">
									<thead>
										<tr>
											<th>Nome</th><th>Cognome</th><th>Sesso</th><th>Razza</th><th>Data di Registrazione</th><th>Ultimo Accesso</th>
										</tr>
									</thead>
									<tbody>
										
									</tbody>
								</table>
							</div>
    						<div class="form-group">
    							<label for="inputEmail3" class="col-sm-2 control-label">Importo</label>
    							<div class="col-sm-8">
    								<input type="email" class="form-control" id="import_money" placeholder="Importo">
    							</div>
    							<div class="col-sm-2">
    								<button type="submit" class="btn btn-success">Versa</button>
    							</div>
    						</div>
    					</form>

    				</div>
    				<div class="col-md-4">
    					
    					<form class="form-horizontal" role="form">
    						<h4>Stipendio</h4>
    						<div class="form-group text-center">
    							<p class="alert alert-info">
    								Il tuo stipendio è di: <strong>200</strong><br />
    								Non lo puoi ancora ritirare, il tiro è previsto per il: <br /><strong>20/01/2014</strong>
    								
    							</p>
    								<button type="submit" class="btn btn-success">Ritira</button>
    							</div>
    						</div>
    					</form>

    				</div>
    			</div>
    			
    		</div>
		</div>
		</div>
		
	</body>
</html>